/* ELEMEN UTAMA */
#wrapper{background:transparent;text-align:left;width:970px;margin:29px auto 0;padding:0;font-size:14px}
#header-wrapper{background:transparent;overflow:hidden;height:auto;padding:10px}
#content-wrapper{background:transparent;height:auto}
#posting{background:transparent;float:left;width:100%}
#sidebar{background:transparent;float:right;width:320px}
#footer-wrapper{background:#333;overflow:hidden;text-shadow:0 -1px 0 #000;padding:10px;border-top:1px solid #000;font-size:12px;color:#ddd}
/* Top navigation */
#u-nav{background:#019875;box-shadow:0 1px 3px rgba(0,0,0,0.4);height:14px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden}
#u-nav ul{margin:0 auto;width:970px}
#u-nav ul li{float:left;margin:0 0 0 0}
#u-nav ul li a{line-height:14px;padding:0 15px;color:#ddd;font-size:11px;display:block;text-decoration:none}
#u-nav ul li a:hover{color:#fff}
/* HEADER */
#header{float:left;max-width:630px;min-height:60px}
#header h1.title,#header p.title{line-height:0.9em;font-family:&#39;Racing Sans One&#39;,Arial,Sans-Serif;font-size:30px;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;margin:0;padding:0 0 3px}
#header h1.title a,#header p.title a{color:#333}
#header .description{font-family:&#39;Racing Sans One&#39;,Arial,Sans-Serif;text-shadow:1px 1px #fff;font-size:13px;color:#666;letter-spacing:1px;margin:0;padding:0}
.header{float:left;max-width:630px}
/* POSTING */
#kotak-posting{margin:10px;padding:0;word-wrap:break-word}
.breadcrumbs{text-align:left;padding:8px;margin:10px 0 5px;font-size:13px;line-height:1.4}
.post{position:relative;padding:8px;margin:0}
.post-footer{background:transparent;position:absolute;bottom:0;right:0;left:0;padding:6px 8px;margin:0;color:#666;font-size:11px;text-align:right}

.item-post-footer{margin:10px 0 8px;text-align:right;font-size:12px;color:#888;font-style:italic}
.postthumb{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;padding:4px;margin:3px 8px 3px 0;float:left;border:1px solid #fff;width:62px;height:62px;display:inline}
.post-body{line-height:1.4;text-align:justify}
.post-title h2,.post-title h1{line-height:1.1;letter-spacing:-0.5px;margin:0}
.post-title h2{padding:0 0 6px;font-size:17px}
.post-title h1{font-size:22px;padding:0 0 10px}

#blog-pager{clear:both!important;overflow:hidden;margin:-3px 0;padding:3px;text-align:center}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
.post-body ul{margin:0 0 13px 28px;list-style-type:disc}
.post-body ol{margin:0 0 13px 28px;list-style-type:decimal}

/* WIDGET POSTING */
#widget-posting-kiri{float:left;margin:0 5px 10px 10px;padding:0;width:310px;display:inline}
#widget-posting-kanan{float:right;margin:0 10px 10px 5px;padding:0;width:310px;display:inline}
.widget-posting h2,.widget-posting h3{background:#999;margin:0;padding:4px 8px;font-size:16px;text-shadow:0 1px 0 #666;color:#fff;text-transform:uppercase;border-bottom:1px solid #fff}
.widget-posting .widget{box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#f5f5f5;margin:0 0 10px;border:1px solid #fff;clear:both}
.widget-posting .widget-content{padding:8px}
.breadcrumbs,#sidebar h2,#sidebar h3{background:-moz-linear-gradient(-45deg,rgba(255,255,255,0.01)0%,rgba(140,140,140,0.06)45%,rgba(89,89,89,0.09)65%,rgba(0,0,0,0.24)100%);/* FF3.6+ */
background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,rgba(255,255,255,0.01)),color-stop(45%,rgba(140,140,140,0.06)),color-stop(65%,rgba(89,89,89,0.09)),color-stop(100%,rgba(0,0,0,0.24)));/*Chrome,Safari4+*/
background:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.01)0%,rgba(140,140,140,0.06) 45%,rgba(89,89,89,0.09)65%,rgba(0,0,0,0.24)100%);/*Chrome10+,Safari5.1+ */
background:-o-linear-gradient(-45deg,rgba(255,255,255,0.01) 0%,rgba(140,140,140,0.06)45%,rgba(89,89,89,0.09)65%,rgba(0,0,0,0.24)100%);/* Opera 11.10+ */
background:-ms-linear-gradient(-45deg,rgba(255,255,255,0.01) 0%,rgba(140,140,140,0.06)45%,rgba(89,89,89,0.09)65%,rgba(0,0,0,0.24)100%);/* IE10+ */
background:linear-gradient(-45deg,rgba(255,255,255,0.01) 0%,rgba(140,140,140,0.06)45%,rgba(89,89,89,0.09)65%,rgba(0,0,0,0.24)100%);/* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#03ffffff&#39;,endColorstr=&#39;#3d000000&#39;,GradientType=1 );/*IE6-9 fallback on horizontal gradient */}
/* SIDEBAR */
#sidebar #kotak-sidebar{margin:10px;padding:0;width:300px}
#sidebar h2,#sidebar h3{text-transform:uppercase;color:#444;font-size:15px;text-shadow:0 1px 0 #666;padding:4px 8px;margin:0;}
#sidebar .widget{margin:0;clear:both}
#sidebar .widget-content{padding:8px 0}
#sidebar #kotak-sidebar-kiri{float:left;width:145px;margin:0 5px 10px 10px;font-size:11px;display:inline}
#sidebar #kotak-sidebar-kanan{float:right;width:145px;margin:0 10px 10px 5px;font-size:11px;display:inline}
#sidebar #kotak-sidebar-bawah{margin:0 10px 10px;padding:0;width:300px}
/* CUSTOM WIDGET */
#sidebar table,#bottom-bar table,.widget-posting table{margin:0 0 0 0;background:transparent}
#sidebar td,#sidebar th,#bottom-bar td,#bottom-bar th,.widget-posting td,.widget-posting th{background:transparent;padding:0 0 0 0;border:medium none}
.BlogArchive #ArchiveList ul li{text-indent:0!important}
.PopularPosts .item-snippet{color:#666;font-size:12px}
.PopularPosts .item-thumbnail{float:right;background:#fafafa;margin:0 0 0 6px;padding:4px;border:1px solid #fff;box-shadow:1px 1px 5px rgba(1,1,1,.1);display:inline}
.PopularPosts .item-thumbnail a img{height:60px;width:60px;display:block;margin:0;padding:0}
.PopularPosts .widget-content ul li{padding:5px 2px!important}
.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;margin:.25em 0;background-image:none}
.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}
.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}
.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}
#ArchiveList .collapsed ul{display:none}
.widget-content ul li{margin:0;padding:3px 2px;border-top:1px solid #fafafa;border-bottom:1px solid #ddd}
.widget-content ul li:first-child{border-top:medium none!important}
.widget-content ul li:last-child{border-bottom:medium none!important}
.widget-content ul li a{color:#333}
.widget-content ul li a:hover{color:#C80441}
#LinkList1 .widget-content ul{height:100px;overflow-y:auto}

.item-control{display:none}
.item-control a,.item-action a{text-decoration:none!important}
.widget-item-control{float:right;height:20px;margin-top:-20px;position:relative;z-index:10}
.widget-item-control a{opacity:.5}
.widget-item-control a:hover{opacity:1}
.widget .widget-item-control a img{border:none;padding:0;background:none;box-shadow:none}
.icon-action{border-style:none!important;margin:0 0 0 .5em!important;vertical-align:middle}
.item-control{display:none}
div.gsc-control{width:100%}
.cse-status{color:#676767;font-size:11px;margin:10px;padding:4px}
#uds-searchControl{position:relative}
#uds-searchClearResults{position:absolute;top:15px;right:-3px;display:none;border-width:1px;border-style:solid;padding:0;height:9px;width:9px}
#uds-searchControl .gsc-results{padding:1em 1em 0 1em;margin:0 0 2em;border-width:1px;border-style:solid;width:auto}
#uds-searchControl .gsc-resultsHeader{display:none}
#uds-searchControl .gsc-tabsArea{float:left;position:relative;top:1px;padding-right:10px}
#uds-searchControl .gsc-tabHeader{float:left;line-height:1.7}
#uds-searchControl .gsc-tabHeader.gsc-tabhActive{border-width:2px 1px 0 1px;border-style:solid;font-weight:bold}
#uds-searchControl .gsc-tabHeader.gsc-tabhInactive{border-width:0;border-style:solid;padding-top:2px}
#uds-searchControl .gsc-resultsbox-visible{clear:left}
#uds-searchControl .gs-result .gs-title,#uds-searchControl .gsc-results .gsc-trailing-more-results{line-height:1.5em}
#uds-searchControl .gs-relativePublishedDate,#uds-searchControl .gs-publishedDate{line-height:1.3em}
#uds-searchControl .gs-result a.gs-visibleUrl,#uds-searchControl .gs-result .gs-visibleUrl{line-height:1.3em;font-size:95%}
#uds-searchControl .gs-result .gs-snippet{margin:.25em 0;line-height:1.2em}
#uds-searchControl .gs-no-results-result .gs-snippet,#uds-searchControl .gs-error-result .gs-snippet{border:none;background-color:transparent;font-style:italic}
.FollowByEmail .follow-by-email-inner{position:relative}
.FollowByEmail .follow-by-email-inner span{display:block;position:relative;margin-right:74px}
.FollowByEmail .follow-by-email-inner input{font-family:arial,sans-serif}
.FollowByEmail .follow-by-email-inner input:focus{font-size:13px;font-family:arial,sans-serif;color:#999}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:22px;font-size:13px;border:1px inset}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:60px;margin:0;margin-left:8px;border:0;border-radius:2px;background:#000;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:13px;height:26px;z-index:0}
.FollowByEmail .widget-item-control{margin-top:5px}
.follower-grid{width:150px}
.follower{width:32px;height:32px;float:left;margin:2px}
.follower-img{float:left;margin:2px}
.follow-this{margin:.5em .5em .5em 0;font-weight:bold}
.followers-canvas{margin:.5em .5em .5em 0;font-weight:bold}
.widget-content ul,.widget-content li{margin:0 0 0 0}
/* BOTTOM-BAR */
#bottom-bar{overflow:hidden;background:#dadada;margin:0;padding:10px;border-top:0px solid #eee;display:block}
#bottom-bar h2,#bottom-bar h3{padding:3px 0;margin:0;font-size:15px;font-weight:bold;text-shadow:0 1px 0 #eee;text-transform:uppercase;border-bottom:1px solid #bbb}
#bottom-bar .widget{margin:0 0 10px;clear:both}
#bottom-bar .widget-content{padding:8px 0;border-top:1px solid #eee}
#bottom-bar .kiri{float:left;width:310px;margin:0 5px 0 0;display:inline}
#bottom-bar .tengah{float:left;width:310px;margin:0 5px 0 5px;display:inline}
#bottom-bar .kanan{float:right;width:310px;margin:0 0 0 5px;display:inline}
#bottom-bar .widget-content ul li{margin:0;padding:3px 2px;border-top:1px solid #eee;border-bottom:1px solid #bbb}
/* FOOTER */
#footer-wrapper .footer-kiri{float:left}
#footer-wrapper .footer-kanan{float:right;text-align:right}
#footer-wrapper a{color:#ddd}
#leaderboard{text-align:center;padding:0;margin:0}
#leaderboard .widget{border-bottom:1px solid #fafafa}
#leaderboard .widget h2,#leaderboard .widget h3{display:none}
#leaderboard .widget-content{margin:0 auto;padding:10px 10px 10px 10px;border-bottom:1px solid #ccc}
#leaderboard img{max-width:100%}
@media all{.BLOG_mobile_video_class{display:none}}
@media handheld{.BLOG_mobile_video_class{display:inline}.BLOG_video_class,#leaderboard{display:none}}
